/*==================================================================================
    Custom Stylesheet (Any custom styling you want to apply should be defined here).
====================================================================================*/

/* 霓虹灯标题 */

.navbar-brand {
  height: 54px;
  line-height: 24px;
  font-size: 28px;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
}

/* 动态背景图 */

@-webkit-keyframes imageAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in
  }
  8% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -webkit-animation-timing-function: ease-out
  }
  17% {
    opacity: 1;
    -webkit-transform: scale(1.1) rotate(0deg)
  }
  25% {
    opacity: 0;
    -webkit-transform: scale(1.1) rotate(0deg)
  }
  100% {
    opacity: 0
  }
}

@-moz-keyframes imageAnimation {
  0% {
    opacity: 0;
    -moz-animation-timing-function: ease-in
  }
  8% {
    opacity: 1;
    -moz-transform: scale(1.05);
    -moz-animation-timing-function: ease-out
  }
  17% {
    opacity: 1;
    -moz-transform: scale(1.1) rotate(0deg)
  }
  25% {
    opacity: 0;
    -moz-transform: scale(1.1) rotate(0deg)
  }
  100% {
    opacity: 0
  }
}

@-o-keyframes imageAnimation {
  0% {
    opacity: 0;
    -o-animation-timing-function: ease-in
  }
  8% {
    opacity: 1;
    -o-transform: scale(1.05);
    -o-animation-timing-function: ease-out
  }
  17% {
    opacity: 1;
    -o-transform: scale(1.1) rotate(0deg)
  }
  25% {
    opacity: 0;
    -o-transform: scale(1.1) rotate(0deg)
  }
  100% {
    opacity: 0
  }
}

@-ms-keyframes imageAnimation {
  0% {
    opacity: 0;
    -ms-animation-timing-function: ease-in
  }
  8% {
    opacity: 1;
    -ms-transform: scale(1.05);
    -ms-animation-timing-function: ease-out
  }
  17% {
    opacity: 1;
    -ms-transform: scale(1.1) rotate(0deg)
  }
  25% {
    opacity: 0;
    -ms-transform: scale(1.1) rotate(0deg)
  }
  100% {
    opacity: 0
  }
}

@keyframes imageAnimation {
  0% {
    opacity: 0;
    animation-timing-function: ease-in
  }
  8% {
    opacity: 1;
    transform: scale(1.05);
    animation-timing-function: ease-out
  }
  17% {
    opacity: 1;
    transform: scale(1.1) rotate(0deg)
  }
  25% {
    opacity: 0;
    transform: scale(1.1) rotate(0deg)
  }
  100% {
    opacity: 0
  }
}

.cb-slideshow, .cb-slideshow:after {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2
}

.cb-slideshow:after {
  content: ''
}

.cb-slideshow li span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: transparent;
  background-size: cover;
  background-position: 50% 50%;
  opacity: 0;
  z-index: -2;
}

/* 动态背景图结束 */

/*圆润*/

.panel {
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 0 5px #ffffff;
  -webkit-box-shadow: 0 0 5px #ffffff;
  -moz-box-shadow: 0 0 5px #ffffff;
  -o-box-shadow: 0 0 5px #ffffff;
  border: none;
}

.empty-padding {
  background-clip: content-box;
  padding-bottom: 15px;
  padding-top: 15px;
}

.panel:hover {
  box-shadow: 0 0 50px black;
  -webkit-box-shadow: 0 0 50px black;
  -moz-box-shadow: 0 0 50px black;
  -o-box-shadow: 0 0 50px black
}

/*圆润结束*/

/* 半透明 */
.transparent-part {
  background-color: rgba(255, 255, 255, 0.41) !important;
}
.transparent-part:hover {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
/* 半透明结束 */

/* 文章作者赘述 */

.author-box {
  width: 100%;
}

.author-box ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

/* 文章作者赘述结束 */


/*文章版权声明*/
.declare {
  background-color: #eaeaea;
  margin-top: 2em;
  border-left: 3px solid rgb(0, 191, 255);;
  padding: 0.5em 1em;
  border-radius: 10px;
}

.declare a {
  display: inline-block;
  position: relative;
  color: #0087ca;
  font-family: lucida console, serif;
}

/*文章版权声明结束*/

/*上下文章导航*/
.previous-next-links {
  line-height: 24px;
  overflow: hidden;
  padding: 10px 20px;
  font-size: 15px;
  background-color: rgba(217, 237, 247, 0.8);
  box-sizing: border-box;
  border-radius: 5px;
}

.previous-next-links a {
  color: #3f51b5;
}

.previous-design-link {
  float: left;
}

.next-design-link {
  float: right;
}

/*上下文章导航结束*/
